<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="indexCommon">

<div class="container" id="container">
    <div class="layui-carousel" id="test3" lay-filter="test4">
        <div carousel-item="">
            <th:block th:each="c:${carousels}">
                <div>
                    <a th:href="@{${c.redirectUrl}}"><img style="width: 100%;height: 100%" th:src="${c.url}"/></a>
                </div>
            </th:block>
        </div>
    </div>
    <!--轮播结束-->

    <!--广告栏开始-->
    <div class="home-nav" style="margin-top: 50px;">
        <div class="home-promo-list">
            <ul class="clear">
                <li class="fl"><a href="javascript:;">
                    <img src="http://image.e0x.top/banner_ad.png" alt=""/></a>
                </li>
            </ul>
        </div>
    </div>
    <!--广告栏结束-->
    <p class="words" style="margin-bottom: 20px; text-align: center;font-size: 22px;font-weight: 600;">
        对不起，让你找了这么久，但现在，这一切都不为时过晚。
    <p class="words" style="text-align: right;">---菜鸟毕设</p>
    </p>
</div>

<!--毕设列表开始-->
<div class="post-lists" style="width: 75%;float: left;">
    <div class="post-lists-body">
        <div class="post-list-item" th:each="article: ${articles.list}">
            <div class="post-list-item-container" style="border-radius: 45px;border: 0px;">
                <a id="article" th:href="${commons.permalink(article)}"
                   class="item-thumb  bg-deepgrey"
                   th:style="'background-image:url('+@{${commons.show_thumb(article.content)}}+');background-size: 100% 100%;background-repeat: no-repeat;'">
                    <div class="item-desc" th:text="${article.tags}"></div>
                </a>
                <div class="item-slant reverse-slant &lt; bg-deepgrey"></div>
                <div class="item-slant"></div>
                <div class="item-label">
                    <div class="item-title">
                        <a th:href="${commons.permalink(article)}"
                           th:text="${article.title}"></a>
                    </div>
                    <div class="item-meta clearfix">
                        <div th:class="'item-meta-ico '+ ${commons.show_icon(article.cid)}"
                             th:style="'background: url('+@{/user/img/bg-ico.png}+');no-repeat;background-size: 40px auto;' "></div>
                        <div class="item-meta-cat" th:utext="${commons.show_categories(article.categories)}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="post-lists" style="width: 23%;margin-left: 0;">
    <aside class="col-md-4 blog-aside">
        <div class="aside-widget">
            <header>
                <h3>最新发布</h3>
            </header>
            <div class="body">
                <ul class="clean-list">
                    <th:block th:if="${null != newBlogs}">
                        <th:block th:each="newBlog : ${newBlogs}">
                            <li><a th:href="${commons.permalink(newBlog)}">
                                <th:block th:text="${newBlog.title}"></th:block>
                            </a></li>
                        </th:block>
                    </th:block>
                </ul>
            </div>
        </div>
        <div class="aside-widget">
            <header>
                <h3>热门</h3>
            </header>
            <div class="body">
                <ul class="clean-list">
                    <th:block th:if="${null != hotBlogs}">
                        <th:block th:each="hotBlog : ${hotBlogs}">
                            <li><a th:href="${commons.permalink(hotBlog)}">
                                <th:block th:text="${hotBlog.title}"></th:block>
                            </a></li>
                        </th:block>
                    </th:block>
                </ul>
            </div>
        </div>
    </aside>
</div>
<div style="clear: both;"></div>
<!--毕设列表结束-->
<p class="words" style="margin-bottom: 20px; text-align: center;font-size: 22px;font-weight: 600;">
    我们都曾迷茫过，在<span class="layui-badge">深夜</span>，但希望我们都没放弃，在<span class="layui-badge layui-bg-blue">当下</span>
<p class="words" style="text-align: right;">---鲁迅</p>
</p>
<div class="lists-navigator clearfix">
    <div th:replace="comm/macros::pageNav(${articles},'←','→','page')"></div>
</div>
<script>
</script>
</html>